<template>
    <div>
        <img :src="arr.pic" alt="">
        <p>{{arr.title}}</p>
        <p>{{arr.rating}}</p>
        <p>{{arr.slogo}}</p>
        <p>{{arr.labels}}</p>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {
           arr:[] 
        };
    },
    mounted() {
        var {id} = this.$route.params
        console.log(id);
         axios.get(`http://122.112.161.135:4000/api/movieDetail?id=${id}`).then(res=>{
            console.log(res);
            this.arr = res.data.res[0]
        })
    },

    methods: {
        
    },
};
</script>

<style scoped>
p{
    font-size: 40px;
}
img{
    width: 100%;
    height: 700px;
}
</style>